<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>INSPINIA | Empty Page</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

</head>

<body>

	<div id="wrapper">

		<!-- 사이드바 -->
		<nav class="navbar-default navbar-static-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="side-menu">
					<li class="nav-header">
						<div class="dropdown profile-element">
							<span> <img alt="image" class="img-circle"
								src="img/profile_small.jpg" />
							</span> <a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<span class="clear"> <span class="block m-t-xs"> <strong
										class="font-bold">David Williams</strong>
								</span> <span class="text-muted text-xs block">Art Director <b
										class="caret"></b></span>
							</span>
							</a>
							<ul class="dropdown-menu animated fadeInRight m-t-xs">
								<li><a href="profile.html">Profile</a></li>
								<li><a href="contacts.html">Contacts</a></li>
								<li><a href="mailbox.html">Mailbox</a></li>
								<li class="divider"></li>
								<li><a href="login.html">Logout</a></li>
							</ul>
						</div>
						<div class="logo-element">IN+</div>
					</li>
					<!-- 메뉴 리스트 -->
					<li><a href="Astepup_main.html"><i
							class="fa fa-bar-chart-o"></i> <span class="nav-label">현재
								상태 통계</span></a></li>
					<li><a href="Astepup_rank.html"><i class="fa fa-flask"></i>
							<span class="nav-label">순위 리스트</span></a></li>
					<li><a href="Astepup_badge.html"><i class="fa fa-desktop"></i>
							<span class="nav-label">뱃지</span></a></li>
					<li class="active"><a href="Astepup_mission.html"><i
							class="fa fa-envelope"></i> <span class="nav-label">미션</span></a></li>
					<li><a href="Astepup_temp.html"><i class="fa fa-sitemap"></i>
							<span class="nav-label">온도계</span></a></li>
				</ul>
			</div>
		</nav>

		<div id="page-wrapper" class="gray-bg">

			<!-- 상단 메뉴 바 -->
			<div class="row border-bottom">
				<nav class="navbar navbar-static-top" role="navigation"
					style="margin-bottom: 0">
					<div class="navbar-header">
						<a class="navbar-minimalize minimalize-styl-2 btn btn-primary "
							href="#"><i class="fa fa-bars"></i> </a>
						<form role="search" class="navbar-form-custom" method="post"
							action="search_results.html">
							<div class="form-group">
								<input type="text" placeholder="Search for something..."
									class="form-control" name="top-search" id="top-search">
							</div>
						</form>
					</div>

					<!-- 상단 메뉴 - 검색, 로그아웃 포함 -->
					<ul class="nav navbar-top-links navbar-right">
						<li><span class="m-r-sm text-muted welcome-message">Welcome
								to INSPINIA+ Admin Theme.</span></li>
						<li class="dropdown"><a class="dropdown-toggle count-info"
							data-toggle="dropdown" href="#"> <i class="fa fa-envelope"></i>
								<span class="label label-warning">16</span>
						</a>
							<ul class="dropdown-menu dropdown-messages">
								<li>
									<div class="dropdown-messages-box">
										<a href="profile.html" class="pull-left"> <img alt="image"
											class="img-circle" src="img/a7.jpg">
										</a>
										<div class="media-body">
											<small class="pull-right">46h ago</small> <strong>Mike
												Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
											<small class="text-muted">3 days ago at 7:58 pm -
												10.06.2014</small>
										</div>
									</div>
								</li>
								<li class="divider"></li>
								<li>
									<div class="dropdown-messages-box">
										<a href="profile.html" class="pull-left"> <img alt="image"
											class="img-circle" src="img/a4.jpg">
										</a>
										<div class="media-body ">
											<small class="pull-right text-navy">5h ago</small> <strong>Chris
												Johnatan Overtunk</strong> started following <strong>Monica
												Smith</strong>. <br> <small class="text-muted">Yesterday
												1:21 pm - 11.06.2014</small>
										</div>
									</div>
								</li>
								<li class="divider"></li>
								<li>
									<div class="dropdown-messages-box">
										<a href="profile.html" class="pull-left"> <img alt="image"
											class="img-circle" src="img/profile.jpg">
										</a>
										<div class="media-body ">
											<small class="pull-right">23h ago</small> <strong>Monica
												Smith</strong> love <strong>Kim Smith</strong>. <br> <small
												class="text-muted">2 days ago at 2:30 am -
												11.06.2014</small>
										</div>
									</div>
								</li>
								<li class="divider"></li>
								<li>
									<div class="text-center link-block">
										<a href="mailbox.html"> <i class="fa fa-envelope"></i> <strong>Read
												All Messages</strong>
										</a>
									</div>
								</li>
							</ul></li>
						<li class="dropdown"><a class="dropdown-toggle count-info"
							data-toggle="dropdown" href="#"> <i class="fa fa-bell"></i> <span
								class="label label-primary">8</span>
						</a>
							<ul class="dropdown-menu dropdown-alerts">
								<li><a href="mailbox.html">
										<div>
											<i class="fa fa-envelope fa-fw"></i> You have 16 messages <span
												class="pull-right text-muted small">4 minutes ago</span>
										</div>
								</a></li>
								<li class="divider"></li>
								<li><a href="profile.html">
										<div>
											<i class="fa fa-twitter fa-fw"></i> 3 New Followers <span
												class="pull-right text-muted small">12 minutes ago</span>
										</div>
								</a></li>
								<li class="divider"></li>
								<li><a href="grid_options.html">
										<div>
											<i class="fa fa-upload fa-fw"></i> Server Rebooted <span
												class="pull-right text-muted small">4 minutes ago</span>
										</div>
								</a></li>
								<li class="divider"></li>
								<li>
									<div class="text-center link-block">
										<a href="notifications.html"> <strong>See All
												Alerts</strong> <i class="fa fa-angle-right"></i>
										</a>
									</div>
								</li>
							</ul></li>


						<!-- 상단: 로그인, 로그아웃 버튼 -->
						<li><a href="login.html"> <i class="fa fa-sign-out"></i>
								Log out
						</a></li>
					</ul>
				</nav>
			</div>

			<!-- 메인 페이지 : 제목 -->
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>미션 모아보기</h2>
					<ol class="breadcrumb">
						<li><a href="index.html">Home</a></li>
						<li>메뉴</li>
						<li class="active"><strong>미션</strong></li>
					</ol>
				</div>
			</div>



			<!-- 미션 모아보기 -->
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row"
					style="margin-right: auto; margin-left: auto; width: 800px;">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content ">
								<div class="carousel slide" id="carousel2">
									<ol class="carousel-indicators">
										<li data-slide-to="0" data-target="#carousel2" class="active"></li>
										<li data-slide-to="1" data-target="#carousel2"></li>
										<li data-slide-to="2" data-target="#carousel2" class=""></li>
									</ol>
									<div class="carousel-inner">
										<div class="item active">
											<img alt="image" class="img-responsive" src="img/p1.jpg"
												style="Height: 300px; width: 1000px">
											<div class="carousel-caption">
												<p>This is simple caption 1</p>
											</div>
										</div>
										<div class="item ">
											<img alt="image" class="img-responsive" src="img/p3.jpg"
												style="Height: 300px; width: 1000px">
											<div class="carousel-caption">
												<p>This is simple caption 2</p>
											</div>
										</div>
										<div class="item">
											<img alt="image" class="img-responsive" src="img/p2.jpg"
												style="Height: 300px; width: 1000px">
											<div class="carousel-caption">
												<p>This is simple caption 3</p>
											</div>
										</div>
									</div>
									<a data-slide="prev" href="#carousel2"
										class="left carousel-control"> <span class="icon-prev"></span>
									</a> <a data-slide="next" href="#carousel2"
										class="right carousel-control"> <span class="icon-next"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>Misson No.1</h5>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="dropdown-toggle" data-toggle="dropdown" href="#">
										<i class="fa fa-wrench"></i>
									</a>
									<ul class="dropdown-menu dropdown-user">
									</ul>
									<a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								<a href="#myModal2" data-toggle="modal">
									<div class="col-sm-4">
										<div class="text-center">
											<img alt="image" class="fancybox m-t-xs img-responsive"
												src="img/p1.jpg">
											<div class="m-t-xs font-bold">Graphics designer</div>
										</div>
									</div>
									<div class="col-sm-8">
										<h3>
											<strong>Mission Name1</strong>
										</h3>
										<p>
											<i class="fa fa-map-marker"></i> Mission Sub Title
										</p>
										<address>
											<strong>Mission Name1</strong><br> Mission Contents
											Mission Contents <br> San Francisco, CA 94107 Mission
											Contents<br> <abbr title="Phone">P:</abbr> (123)
											456-7890
										</address>
									</div>
									<div class="row" style="margin-top: 15px">
										<div class="col-lg-12">
											<dl class="dl-horizontal">
												<dt>Completed:</dt>
												<dd>
													<div class="progress progress-striped active m-b-sm">
														<div style="width: 70%;" class="progress-bar"></div>
													</div>
													<small>Project completed in <strong>70%</strong>.
														Remaining close the project, sign a contract and invoice.
													</small>
												</dd>
											</dl>
										</div>
									</div>
								</a>
							</div>

						</div>
					</div>
					<div class="col-lg-6">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>Misson No.2</h5>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="dropdown-toggle" data-toggle="dropdown" href="#">
										<i class="fa fa-wrench"></i>
									</a>
									<ul class="dropdown-menu dropdown-user">
									</ul>
									<a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								<a href="#myModal2" data-toggle="modal">
									<div class="col-sm-4">
										<div class="text-center">
											<img alt="image" class="fancybox m-t-xs img-responsive"
												src="img/p2.jpg">
											<div class="m-t-xs font-bold">Graphics designer</div>
										</div>
									</div>
									<div class="col-sm-8">
										<h3>
											<strong>Mission Name2</strong>
										</h3>
										<p>
											<i class="fa fa-map-marker"></i> Mission Sub Title
										</p>
										<address>
											<strong>Mission Name2</strong><br> Mission Contents
											Mission Contents <br> San Francisco, CA 94107 Mission
											Contents<br> <abbr title="Phone">P:</abbr> (123)
											456-7890
										</address>
									</div>
									<div class="clearfix"></div>
									<div class="row" style="margin-top: 15px">
										<div class="col-lg-12">
											<dl class="dl-horizontal">
												<dt>Completed:</dt>
												<dd>
													<div class="progress progress-striped active m-b-sm">
														<div style="width: 30%;" class="progress-bar"></div>
													</div>
													<small>Project completed in <strong>30%</strong>.
														Remaining close the project, sign a contract and invoice.
													</small>
												</dd>
											</dl>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>Misson No.3</h5>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="dropdown-toggle" data-toggle="dropdown" href="#">
										<i class="fa fa-wrench"></i>
									</a>
									<ul class="dropdown-menu dropdown-user">
									</ul>
									<a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								<a href="#myModal2" data-toggle="modal">
									<div class="col-sm-4">
										<div class="text-center">
											<img alt="image" class="fancybox m-t-xs img-responsive"
												src="img/p3.jpg">
											<div class="m-t-xs font-bold">Graphics designer</div>
										</div>
									</div>
									<div class="col-sm-8">
										<h3>
											<strong>Mission Name3</strong>
										</h3>
										<p>
											<i class="fa fa-map-marker"></i> Mission Sub Title
										</p>
										<address>
											<strong>Mission Name3</strong><br> Mission Contents
											Mission Contents <br> San Francisco, CA 94107 Mission
											Contents<br> <abbr title="Phone">P:</abbr> (123)
											456-7890
										</address>
									</div>
									<div class="clearfix"></div>
									<div class="row" style="margin-top: 15px">
										<div class="col-lg-12">
											<dl class="dl-horizontal">
												<dt>Completed:</dt>
												<dd>
													<div class="progress progress-striped active m-b-sm">
														<div style="width: 100%;" class="progress-bar"></div>
													</div>
													<small>Project completed in <strong>100%</strong>.
														Remaining close the project, sign a contract and invoice.
													</small>
												</dd>
											</dl>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>Misson No.4</h5>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="dropdown-toggle" data-toggle="dropdown" href="#">
										<i class="fa fa-wrench"></i>
									</a>
									<ul class="dropdown-menu dropdown-user">
									</ul>
									<a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								<a href="#myModal2" data-toggle="modal">
									<div class="col-sm-4">
										<div class="text-center">
											<img alt="image" class="fancybox m-t-xs img-responsive"
												src="img/p4.jpg">
											<div class="m-t-xs font-bold">Graphics designer</div>
										</div>
									</div>
									<div class="col-sm-8">
										<h3>
											<strong>Mission Name4</strong>
										</h3>
										<p>
											<i class="fa fa-map-marker"></i> Mission Sub Title
										</p>
										<address>
											<strong>Mission Name4</strong><br> Mission Contents
											Mission Contents <br> San Francisco, CA 94107 Mission
											Contents<br> <abbr title="Phone">P:</abbr> (123)
											456-7890
										</address>
									</div>
									<div class="clearfix"></div>
									<div class="row" style="margin-top: 15px">
										<div class="col-lg-12">
											<dl class="dl-horizontal">
												<dt>Completed:</dt>
												<dd>
													<div class="progress progress-striped active m-b-sm">
														<div style="width: 60%;" class="progress-bar"></div>
													</div>
													<small>Project completed in <strong>60%</strong>.
														Remaining close the project, sign a contract and invoice.
													</small>
												</dd>
											</dl>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>Misson No.5</h5>
								<div class="ibox-tools">
									<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
									</a> <a class="dropdown-toggle" data-toggle="dropdown" href="#">
										<i class="fa fa-wrench"></i>
									</a>
									<ul class="dropdown-menu dropdown-user">
									</ul>
									<a class="close-link"> <i class="fa fa-times"></i>
									</a>
								</div>
							</div>
							<div class="ibox-content">
								<a href="#myModal2" data-toggle="modal">
									<div class="col-sm-4">
										<div class="text-center">
											<img alt="image" class="fancybox m-t-xs img-responsive"
												src="img/p5.jpg">
											<div class="m-t-xs font-bold">Graphics designer</div>
										</div>
									</div>
									<div class="col-sm-8">
										<h3>
											<strong>Mission Name5</strong>
										</h3>
										<p>
											<i class="fa fa-map-marker"></i> Mission Sub Title
										</p>
										<address>
											<strong>Mission Name2</strong><br> Mission Contents
											Mission Contents <br> San Francisco, CA 94107 Mission
											Contents<br> <abbr title="Phone">P:</abbr> (123)
											456-7890
										</address>
									</div>
									<div class="clearfix"></div>
									<div class="row" style="margin-top: 15px">
										<div class="col-lg-12">
											<dl class="dl-horizontal">
												<dt>Completed:</dt>
												<dd>
													<div class="progress progress-striped active m-b-sm">
														<div style="width: 20%;" class="progress-bar"></div>
													</div>
													<small>Project completed in <strong>20%</strong>.
														Remaining close the project, sign a contract and invoice.
													</small>
												</dd>
											</dl>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="footer">
				<div class="pull-right">
					10GB of <strong>250GB</strong> Free.
				</div>
				<div>
					<strong>Copyright</strong> Example Company &copy; 2014-2015
				</div>
			</div>

		</div>
	</div>



	<!-- Modal -->
	<div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog"
		aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content animated flipInY">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">Modal title</h4>
					<small class="font-bold">Lorem Ipsum is simply dummy text
						of the printing and typesetting industry.</small>
				</div>
				<div class="modal-body">
					<p>
						<strong>Lorem Ipsum is simply dummy</strong> text of the printing
						and typesetting industry. Lorem Ipsum has been the industry's
						standard dummy text ever since the 1500s, when an unknown printer
						took a galley of type and scrambled it to make a type specimen
						book. It has survived not only five centuries, but also the leap
						into electronic typesetting, remaining essentially unchanged.
					</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<!-- Peity -->
	<script src="js/plugins/peity/jquery.peity.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>

	<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>

	<!-- iCheck -->
	<script src="js/plugins/iCheck/icheck.min.js"></script>

	<!-- Peity d data  -->
	<script src="js/demo/peity-demo.js"></script>

	<script>
         $(document).ready(function(){
             <!-- Enable portlets -->
            WinMove();
        });
    </script>

</body>

</html>
